<template>
    <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
        v-for="(item,index) in navTwo"
        :key="index"
    >
        <el-menu-item index="2">
            <i class="el-icon-menu"></i>
            <span slot="title">{{}item}</span>
        </el-menu-item>
    </el-menu>
</template>
<script>
export default {
    data() {
        return {
            navTwo: ['招投标', '合同签订', '采购订单', '物资生产', '物资配送', '工程投运验收', '工程质保'],
        }
    },
    methods: {
        handleOpen() {},
        handleClose() {},
    },
}
</script>
<style lang="scss" scoped>
.el-menu-vertical-demo {
    width: 182px;
}
.el-menu-item.is-active {
    color: #00796a !important;
}
.el-menu-item,
.el-submenu__title {
    height: 42px !important;
    line-height: 42px !important;
}
</style>
